<html>
	<head>
		<link rel="stylesheet" type="text/css" href="css/figureStyles.css">
	</head>
	
	<body>
		
		<a id="triangle" href="triangulo.html"><img src="img/triangle.png" style="opacity:0.4;filter:alpha(opacity=40)"
			onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
			onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
		</a>		
		<a id="circle" href="circulo.html"><img src="img/circle.png"style="opacity:0.4;filter:alpha(opacity=40)"
			onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
			onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
		</a>
		<a id="rectangle" href="rectangulo.html"><img src="img/rectangle.png"style="opacity:0.4;filter:alpha(opacity=40)"
			onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
			onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
		</a>
	
		
	</body>

</html>